<ui:composition template="/WEB-INF/templates/BackOffice/BasicTemplate.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
   xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:h="http://xmlns.jcp.org/jsf/html">
    
    <ui:define name="title">Gestion des utilisateurs du back office</ui:define>


	
	<ui:define name="content">
		<h:form>
			#{msgs1.label_login} : <h:inputText value="#{gestUserBean.login}" />
			<br />
			#{msgs1.label_nom} : <h:inputText value="#{gestUserBean.nom}" />
			<br />
			#{msgs1.label_prenom} : <h:inputText value="#{gestUserBean.prenom}" />
			<br />
			<br/>
			<h:outputText value="#{msgs1.label_type_utilisateur} : " />
			<p:selectManyCheckbox id="lineDirection"
				value="#{gestUserBean.selectListeType}" converter="securityConvEnumUtilBO" >
				<f:selectItems value="#{gestUserBean.listeUtilisateur}" var="item" itemLabel="#{item}" itemValue="#{item}" />
				
			</p:selectManyCheckbox>
			<h:commandButton value="#{msgs1.label_rechercher}"
				action="#{gestUserBean.recherche}" />
			<br />
			<br/>
		</h:form>
		<h:form prependId="false">
		
		

			<p:dataTable id="dataTableRecherche" var="utilisateur"
				value="#{gestUserBean.listeRecherche}"
				editable="true">

				<f:facet name="header">  
            	Liste des utilisateurs recherchés
        		</f:facet>
        		
        		<p:ajax event="rowEdit" listener="#{gestUserBean.onEdit}"  />  
       			<p:ajax event="rowEditCancel" listener="#{gestUserBean.onCancel}"  />
        		
        		<p:column>
					<f:facet name="header">  
                	#{msgs1.label_nom}  
            		</f:facet>
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{utilisateur.nom}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{utilisateur.nom}" style="width:100%" />
						</f:facet>
					</p:cellEditor>

				</p:column>
				<p:column>
					<f:facet name="header">  
                	#{msgs1.label_prenom}  
            		</f:facet>
            		<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{utilisateur.prenom}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{utilisateur.prenom}" style="width:100%" />
						</f:facet>
					</p:cellEditor>
					
				</p:column>
				<p:column>
					<f:facet name="header">  
                	#{msgs1.label_login}  
            		</f:facet>
            		<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{utilisateur.login}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{utilisateur.login}" style="width:100%" />
						</f:facet>
					</p:cellEditor>
					
				</p:column>
				<p:column>
					<f:facet name="header">  
                	#{msgs1.label_type_utilisateur}  
            		</f:facet>
            		<p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utilisateur.myTypeDUtilisateur}" />  
                </f:facet>  
                <f:facet name="input">  
                    <h:selectOneMenu value="#{utilisateur.myTypeDUtilisateur}" >  
                        <f:selectItems value="#{gestUserBean.listeUtilisateur}"  
                            var="color"   
                            itemLabel="#{color}"  
                            itemValue="#{color}" />  
                    </h:selectOneMenu>  
                </f:facet>  
            </p:cellEditor>
					
				</p:column>
				<p:column>
					<f:facet name="header">  
                	#{msgs1.label_action}  
            		</f:facet>
					<p:rowEditor /> 
					
				</p:column>
				<p:column>
					<f:facet name="header">  
                	#{msgs1.label_enlever}  
            		</f:facet>
					<p:commandButton icon="ui-icon-close" title="#{msgs1.label_enlever}"
                       actionListener="#{gestUserBean.removeItem(utilisateur)}" update="dataTableRecherche" />
				</p:column>



			</p:dataTable>
			<br/>
			
			<p:commandButton  value="#{msgs1.label_ajouter}"
                       actionListener="#{gestUserBean.ajouterUtilisateur}" update="dataTableRecherche" />

		</h:form>
		
 
  
  


	</ui:define>
</ui:composition>
